<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Silk Road</title>
	<link rel="stylesheet" href="{{STATIC_URL}}style.css" type="text/css" charset="utf-8" />
	
</head>

<body>
  <div id="wrapper">
    
    <div id="header">
      <div id="logo">
        <a href="/RetailStore/store/index"><h1>Silk Road</h1></a>
        <p>Celebrity Brands</p>
      </div>
      <div id="cart">
        <div id="cart-top">
          <div id="cart-bot">
          <a href="{% url seecart %}"><img id="cart-img" src="{{STATIC_URL}}images/cart.gif" alt="img missing"/></a>
            <div id="cart-cart">
            	
              <p>Welcome {{user.username}}</p>
              
              {% if user.is_authenticated %}
              <p><a href="{% url logout %}">Logout</a></p>
              {% else %} <p class="orange"><a href="{% url login_render %}">Login</a></p>
              {% endif %}
            </div>
            
          </div>
        </div>
      </div>
      <div id="nav">
        <ul>
          <li><a href="">MEN</a> | </li>
          <li><a href="">WOMEN</a> | </li>
          <li><a href="">GIRLS</a> | </li>
          <li><a href="">BOYS</a> | </li>
          <li><a href="">ACCESSORIES</a> | </li>
          <li><a href="">CONTACT US</a></li>
        </ul>
      </div>
      <div id="gallery">
		
        {% for new_promotion in promotion_list %}
        	<div id="promotion"><a href="{% url promotion new_promotion.promotion.pk %}"><img width="50px" height="50px" src="{{STATIC_URL}}{{new_promotion.show_case.photo}}" /></a></div>
        {% endfor %}
      </div>
    </div>
    <div id="body">
      <div id="categories">
        <h2>Categories</h2>
        <ul>
        <li><a href="/RetailStore/store/itemlist/">All categories</a></li>
        {% for o in catnames %}
          <li><a href="{% url category o.pk %}">{{o.title}}</a></li>
        {% endfor %}
        </ul>
      </div>
      {% block header %}
      
      {% endblock %}
      {% block canvas %}
      <div id="seasonal">
        <div class="inner">
          <h2>Fashion Seasonal</h2>
          <h3>Welcome</h3>
            <p>Don't forget to check <a href="">for discount and announcements</a> every day, because we add  a new information almost daily.</p>
           <p>You can navigate 
           any link in our websites, add or remove any item to or from your cart. You can save or distribute any image from this wed site  without referring back to us </p>
        <p>Custom made suits, you can order them at <a href="">Suit Beauty</a>.</p>
			<p>If you wish to conduct buisness to buisness transaction with us, dont hesitate to conctact us at <a href="">the forum</a>.</p>
			
           <p class="more"><a href="">more</a></p>          
        </div>
      </div>
      <div id="collection">
        <div class="inner">
          <div id="minigal">
          <!--  
          		collections are tuples (Showcase, Collection) objects.
          
          -->
          {% for showcase,collection in collections %}
            <div><a href={% url collection collection=collection.pk %} > <img src="{{STATIC_URL}}{{showcase.photo}}" width="57" height="53" alt="Pic" /></a></div>
            {% endfor %}
            <!--  
            <div><img src="{{STATIC_URL}}images/pic_5.jpg" width="57" height="53" alt="Pic" /></div>
            <div><img src="{{STATIC_URL}}images/pic_6.jpg" width="57" height="53" alt="Pic" /></div>
            <div><img src="{{STATIC_URL}}images/pic_7.jpg" width="57" height="53" alt="Pic" /></div>
            <div><img src="{{STATIC_URL}}images/pic_8.jpg" width="57" height="53" alt="Pic" /></div>
            <div><img src="{{STATIC_URL}}images/pic_9.jpg" width="57" height="53" alt="Pic" /></div>
            -->
          </div>
          <h2>New Collection</h2>
          <ul>
            <li>New Arrivals</li>
            <li>50% discount</li>
          </ul>
          
        </div>
      </div>
      {% endblock %} 
      <div class="clear"> </div>
      <div id="seas">
        <div id="seas-one">
          <p>Men's</p>
          <p class="date">Collection</p>
        </div>
        <div id="seas-two">
          <p>Women's</p>
          <p class="date">Collection</p>
        </div>
        <div id="seas-three">
          <p>Teens</p>
          <p class="date">Collection</p>
        </div>
        <div class="clear"> </div>
      </div>
    </div>
    <div id="copyright">
      <p>Copyright &copy; 2007. Company name all rights reserved</p>
    </div>
  </div>
</body>
</html>
